<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<!--自定义构建 ECharts-->
    <title>Line Chart</title>
    <!-- 引入 echarts.js -->
    <script src="cjj/echarts.js"></script>
</head>
<body>
<div id="main" style="width: 600px;height:400px;"></div>
<script>

// 基于准备好的dom，初始化 echarts 实例并绘制图表。
echarts.init(document.getElementById('main')).setOption({
    title: {text: 'Line Chart'},
    tooltip: {
		trigger: 'axis',		//自动触发详情（不必用鼠标精确指着节点）
		// 果 tooltip.axisPointer.type 设置为 'cross' 则默认
		axisPointer: {
			type: 'cross',
		}
	},
    xAxis: {
		// boundaryGap: false,
		data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日'],
		
	},
    yAxis: {
		// name: "y坐标",
		axisPointer: {
			label: {
				show: true,
				// precision: 0,
				//在这里使用formatter，可以控制提示框浮层的【第?行】内容。（不知道为什么，这里写，不生效）
				// formatter: '55995{value}：',
				formatter: function (params) {
				    // 假设此轴的 type 为 'time'。
				    // return 'some text' + echarts.format.formatTime(params.value);
					console.log(params);
					// return 'some test' + params;
					return 'some test' + params.value;
				},
			},
		},
	},
    series: [{
        type: 'line',
		// name: '文字',
        smooth: true,		//使用平滑曲线
        // data: [[0, 5], [1, 5], [2, 20], [3, 36], [4, 10], [5, 10], [6, 20],]
		data: [22, 43, 54, 65, 76, 87, 98, ],
    }]
});
</script>
</body>
</html>